class MyPageHeader extends BaseList {
    constructor(orderby, flag, $pagesize, $pagination, listUrl, onLineEditUrl, checkBoxName) {
        super(orderby, flag, $pagesize, $pagination, listUrl, onLineEditUrl, checkBoxName);
        this.pagenavbar = $("#wrapper__navbar");
        this.limit = 5;
        this.selectedItemList = {};  // 选定的数据列表OnMultiChoice
    }
    GetFilter(pageIndex) {
        let item = super.GetFilter(pageIndex);
        //item['EnterpriseId'] = parent.$("#EnterpriseId").val() === null ? null : parseInt(parent.$("#EnterpriseId").val()); // 搜索条件（贸易公司）
        // this.enterpriseId === null ? null : parseInt(this.enterpriseId);
        // 下达日
        item['Begin'] = formatNullInputValue($.trim($("#Begin").val()));
        item['End'] = formatNullInputValue($.trim($("#End").val()));
        item['ContractNoFilterValue'] = formatNullInputValue($.trim($("#ContractNoFilterValue").val()));
        item['StyleNoFilterValue'] = formatNullInputValue($.trim($("#StyleNoFilterValue").val()));
        item['BillTypeFilterValue'] = parseInt($("#BillTypeFilterValue").val()) === -1 ? null : parseInt($("#BillTypeFilterValue").val());  // 单据类型 0：提前组料单 1:定版调达 2：副资材
        item['PoOverFlagFilterValue'] = parseInt(0);   // 要引用采购未完成的
        item['CheckedStatus'] = parseInt(2);

        return JSON.stringify(item);
    }
    Search() {
        // 重新设置选择结果及清空明细
        this.ReSetLines();
        this.selectedItemList = {};
        $("#checkall-header").prop("checked", false);
        this.FetchForPage(1);
    }
    FetchAll() {
        $("#Begin").val("");
        $("#End").val("");
        $("#StyleNoFilterValue").val("");
        $("#ContractNoFilterValue").val("");
        $("#BillTypeFilterValue").val("-1");
        this.pagination.attr("_msh_page", 1);
        this.FetchForPage(1);
        // 重新设置选择结果及清空明细
        this.ReSetLines();
        this.selectedItemList = {};
        $("#checkall-header").prop("checked", false);
    }
    EmptyTableContent() {
        $('#tabData01 tbody').empty();
        $('#tabData02 tbody').empty();
        this.pagination.attr("_msh_page", 1);
    }
    SetTableContent(result) {
        $("#tabData01 tbody").empty();
        $('#tabData02 tbody').empty();
        let content_01 = '';
        let content_02 = '';
        this.rows = result.length;  // 设置表格中checkbox的数量为表格的行数
        this.numCheckbox = result.length;  // 设置表格中checkbox的数量为表格的行数
        for (let i = 0; i < result.length; i++) {
            content_01 = '<tr _mash_id="' + result[i].headerId + '">';
            content_01 += '<td style="padding-left:6px;"><label class="btn" for="R-' + result[i].headerId + '"><input id="R-' + result[i].headerId + '" name="_check_row_header" type="checkbox" _msh_bill_type="' + result.billType + '" onclick="_InstancePageHeader.DoCheckRow($(this),$(\'#checkall-header\'));" value="' + result[i].headerId + '"/><i></i><span></span></label></td>';
            content_01 += '<td>' + formatNullData(result[i].styleNo) + '</td>';        // 款号
            content_01 += '<td>' + formatNullData(result[i].productName) + '</td>';    // 品名
            let _type = "";
            switch (parseInt(result[i].billType)) {
                case 0:
                    _type = "提前组料";
                    break;
                case 1:
                    _type = "定版调达";
                    break;
                case 2:
                    _type = "辅资材";
                    break;
            }
            content_01 += '<td style="text-align:center;">' + _type + '</td>';
            let _isFinished = '';
            if (result[i].poOverFlag === true) {
                _isFinished = "<span class='c1'><span>";
            } else {
                if (result[i].quotedFlag === false) {
                    _isFinished = "<span class='c2'><span>";
                } else {
                    _isFinished = "<span class='c3'><span>";   // 表示完成一部分，还在采购中
                }
            }
            //content_01 += '<td style="text-align:center;">' + _isFinished + '</td>';
            content_01 += '</tr>';

            content_02 += '<tr _mash_id="' + result[i].headerId + '">';
            content_02 += '<td>' + formatNullData(result[i].customerName) + '</td>';     // 客户名称
            content_02 += '<td>' + formatNullData(result[i].contractNo) + '</td>';       // 合同号
            content_02 += '<td>' + formatNullData(result[i].totalQuantity) + '</td>';    // 生产总件数
            content_02 += '<td>' + formatNullData(result[i].saledByName) + '</td>';
            content_02 += '<td>' + formatNullData(result[i].designedByName) + '</td>';
            content_02 += '<td>' + formatNullData(result[i].gradedByName) + '</td>';
            content_02 += '<td>' + formatNullData(result[i].preparedByName) + '</td>';
            content_02 += '<td>' + formatNullData(result[i].preparedDate) + '</td>';
            content_02 += '<td style="border-right: none;">' + formatNullData(result[i].description) + '</td>';
            content_02 += '</tr>';

            $("#tabData01 tbody").append(content_01);
            $("#tabData02 tbody").append(content_02);
            content_01 = '';
            content_02 = '';
        }
        setTwoTableRowColor("tabData01", "tabData02");
        // 恢复选定结果
        this.ResetSelectRowStatus();
        $("#loading").hide();
    }
    SetSelectHeaderStatus() {
        let _this = this;
        if ($.trim($("#StyleNoFilterValue").val()) === "") {
            ShowErrorMessagePanel("请设置检索条件，至少要设置款号。");
            $(".error-msg").css({top: '5px', 'box-shadow': '5px 6px 3px #888888'});
            $("#SelectAllHeader").prop("checked", false);
            return;
        }
        if ($("#SelectAllHeader").is(":checked") === false) {
            _this.selectedItemList = [];
            let _name = "input[type='checkbox'][name='" + this.checkBoxName + "']";
            $(_name).each(function () {
                $(this).prop("checked", false);
            });
            $('tr.row__selected').removeClass("row__selected");
            $("#checkall-header").prop("checked", false);

            // 根据选择的订单，同步刷新明细列表
            if (Object.keys(_this.selectedItemList).length > 0) {
                // 根据选择的订单，同步刷新明细列表
                _InstancePageLines.FetchForPage(1);
            } else {
                $('#tabData21 tbody').empty();
                $('#tabData22 tbody').empty();
            }
            _InstancePageLines.selectedItemList = {};
            $("#wrapper__navbar_02").data("swPagination").options.max_page = 1;
            $("#wrapper__navbar_02").data("swPagination").options.current_page = 1; //当前页数
            $("#wrapper__navbar_02").data("swPagination").setPage(1);
            $("#checkall-lines").prop("checked", false);
        } else {
            _this.selectedItemList = [];
            $.ajax({
                type: "POST",
                url: parent.basePath + "/tech/mrp/fetchAll.html",
                timeout: 30 * 1000,
                data: _this.GetFilter(),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                beforeSend: () => {
                }
            }).done((data) => {
                if (data !== null && data.length > 0) {
                    for (let i = 0; i < data.length; i++) {
                        let item = {};
                        item["MrpHeaderId"] = data[i].headerId;
                        item["StyleNo"] = data[i].styleNo;
                        item["CustomerNo"] = data[i].contractNo;   // 合同号;
                        _this.selectedItemList[data[i].headerId] = item;
                    }
                    $("#tabData01 tbody").find("tr").each(function (index) {
                        let key = $(this).attr("_mash_id");
                        if (_this.selectedItemList[key] !== undefined) {
                            $(this).children("td").eq(0).children("label").eq(0).children("input[type='checkbox'][name='_check_row_header']").eq(0).prop('checked', true);
                            $(this).addClass("row__selected");
                            $('#tabData02 tbody tr:eq(' + index + ')').addClass("row__selected");
                        }
                    });
                    $("#checkall-header").prop("checked", true);
                } else {
                    ShowErrorMessagePanel("没有符合条件的数据。");
                    $(".error-msg").css({top: '5px', 'box-shadow': '5px 6px 3px #888888'});
                    $("#SelectAllHeader").prop("checked", false);
                    $("#checkall-header").prop("checked", false);
                }

                // 根据选择的订单，同步刷新明细列表
                if (Object.keys(_this.selectedItemList).length > 0) {
                    // 根据选择的订单，同步刷新明细列表
                    _InstancePageLines.FetchForPage(1);
                } else {
                    $('#tabData21 tbody').empty();
                    $('#tabData22 tbody').empty();
                }
                _InstancePageLines.selectedItemList = {};
                $("#wrapper__navbar_02").data("swPagination").options.max_page = 1;
                $("#wrapper__navbar_02").data("swPagination").options.current_page = 1; //当前页数
                $("#wrapper__navbar_02").data("swPagination").setPage(1);
                $("#checkall-lines").prop("checked", false);
            }).fail(data => {
                ajaxError(data, 1);
            }).always(( ) => {
            });
        }
    }
    DoCheckAll($self) {
        let _name = "input[type='checkbox'][name='" + this.checkBoxName + "']";
        let _this = this;
        if ($self.is(":checked") === true) {
            $(_name).each(function () {
                $(this).prop('checked', true);
                _this.SetRowStatus($(this), 1);
            });
        } else {
            $(_name).each(function () {
                $(this).prop("checked", false);
                _this.SetRowStatus($(this), 1);
            });
        }
        // 根据选择的订单，同步刷新明细列表
        if (Object.keys(this.selectedItemList).length > 0) {
            // 根据选择的订单，同步刷新明细列表
            _InstancePageLines.FetchForPage(1);
        } else {
            $('#tabData21 tbody').empty();
            $('#tabData22 tbody').empty();
        }
        _InstancePageLines.selectedItemList = {};
        $("#wrapper__navbar_02").data("swPagination").options.max_page = 1;
        $("#wrapper__navbar_02").data("swPagination").options.current_page = 1; //当前页数
        $("#wrapper__navbar_02").data("swPagination").setPage(1);
        $("#checkall-lines").prop("checked", false);
    }
    DoCheckRow($self, $checkall) {
        let _name = "input[type='checkbox'][name='" + this.checkBoxName + "']:checked";
        let _checkedRows = $(_name).length;
        if (_checkedRows < this.numCheckbox) {
            $checkall.prop("checked", false);
        } else {
            $checkall.prop("checked", true);
        }
        this.SetRowStatus($self, 0);
    }
    // 设置行选择后的状态
    SetRowStatus($self, flag) {
        super.AdjustRowStatus($self, ($row, index) => {
            $('#tabData02 tbody tr:eq(' + index + ')').addClass("row__selected");
            let $tr2 = $('#tabData02 tbody').find('tr').eq(index);
            let key = $self.val();
            let item = {};
            // 为翻页选择做准备
            item["MrpHeaderId"] = key;
            item["StyleNo"] = $.trim($row.find('td').eq(2).text());
            item["CustomerNo"] = $.trim($tr2.find('td').eq(2).text());   // 合同号;
            item["BillType"] = $self.attr("_msh_bill_type");

            this.selectedItemList[key] = item;
        }, ($row, index) => {
            $('#tabData02 tbody tr:eq(' + index + ')').removeClass("row__selected");
            let key = $self.val();
            delete this.selectedItemList[key];
        });
        if (flag === 0) {
            if (Object.keys(this.selectedItemList).length > 0) {
                // 根据选择的订单，同步刷新明细列表
                _InstancePageLines.FetchForPage(1);
            } else {
                $('#tabData21 tbody').empty();
                $('#tabData22 tbody').empty();
                $("#wrapper__navbar_02").data("swPagination").options.max_page = 1;
                $("#wrapper__navbar_02").data("swPagination").options.current_page = 1; //当前页数
                $("#wrapper__navbar_02").data("swPagination").setPage(1);
            }
            // 同时也清空明细选择结果
            _InstancePageLines.selectedItemList = {};
            $("#checkall-lines").prop("checked", false);
        }
    }
    // 每次翻页都恢复选定结果
    ResetSelectRowStatus() {
        let _this = this;
        $("#tabData01 tbody").find("tr").each(function (index) {
            let key = $(this).attr("_mash_id");
            if (_this.selectedItemList[key] !== undefined) {
                $(this).children("td").eq(0).children("label").eq(0).children("input[type='checkbox'][name='_check_row_header']").eq(0).prop('checked', true);
                $(this).addClass("row__selected");
                $('#tabData02 tbody tr:eq(' + index + ')').addClass("row__selected");
            }
        });
        // 设置选择全部的状态
        let n = $("input[type='checkbox'][name='_check_row_header']:checked").length;
        if (n < $("#tabData11 tbody").find("tr").length || n === 0) {
            $("#checkall-header").prop("checked", false);
        } else {
            $("#checkall-header").prop("checked", true);
        }

        if ($("#SelectAllHeader").is(":checked") === true) {
            $("#tabData01 tbody").find("tr").each(function (index) {
                let key = $(this).attr("_mash_id");
                if (_this.selectedItemList[key] !== undefined) {
                    $(this).children("td").eq(0).children("label").eq(0).children("input[type='checkbox'][name='_check_row_header']").eq(0).prop('checked', true);
                    $(this).addClass("row__selected");
                    $('#tabData02 tbody tr:eq(' + index + ')').addClass("row__selected");
                }
            });
            $("#checkall-header").prop("checked", true);
        }
    }
    ReSetLines() {
        $('#tabData21 tbody').empty();
        $('#tabData22 tbody').empty();
        $("#wrapper__navbar_02").data("swPagination").options.max_page = 1;
        $("#wrapper__navbar_02").data("swPagination").options.current_page = 1; //当前页数
        $("#wrapper__navbar_02").data("swPagination").setPage(1);
        $("#checkall-lines").prop("checked", false);
        _InstancePageLines.selectedItemList = {};
    }
    // 选择后执行的动作
    SetChoiceData($self) {
        // 设置选择结果
        let $row = $self.parent().parent().parent();
        // 返回选择结果 0:id 1:name 2:no
        return new Array($self.val(), $row.find('td').eq(2).text(), $row.find('td').eq(1).text());
    }
    SortTable(orderBy) {
        this.orderby = orderBy;
        // 得到排序数据
        this.FetchForPage(1);
    }
    ScrollTo() {
        $('#divH2').scrollLeft($('#divD2').scrollLeft());
        $('#divD1').scrollTop($('#divD2').scrollTop());
    }
}

class MyPageLines extends BaseList {
    constructor(orderby, flag, $pagesize, $pagination, listUrl, onLineEditUrl, checkBoxName) {
        super(orderby, flag, $pagesize, $pagination, listUrl, onLineEditUrl, checkBoxName);
        this.pagenavbar = $("#wrapper__navbar_02");
        this.limit = 10;
        this.selectedItemList = {};
        this.loading__indicator = $("#loading__indicator_02");
        this.loading__indicator_i = $("#loading__indicator_02 i");
    }
    GetFilter(pageIndex) {
        let item = super.GetFilter(pageIndex);
        item['SupplierId'] = parseInt($.trim(parent.$("#SupplierId").val()));   // 供应商
        item['CurrentUserId'] = parseInt($("#UserId").val());                   // 当前操作者，用于过滤供应商分组
        item['StyleNoFilterValue'] = formatNullInputValue($.trim($("#StyleNoFilterValue_02").val()));
        item['MaterialNoFilterValue'] = formatNullInputValue($.trim($("#MaterialNoFilterValue_02").val()));
        item['MaterialNameFilterValue'] = formatNullInputValue($.trim($("#MaterialNameFilterValue_02").val()));
        item['SupplierNameFilterValue'] = formatNullInputValue($.trim($("#SupplierNameFilterValue_02").val()));

        // 得到选择的调达表
        if (Object.keys(_InstancePageHeader.selectedItemList).length > 0) {
            let _headerIdList = [];
            for (let key in _InstancePageHeader.selectedItemList) {
                _headerIdList.push(parseInt(key));
            }
            item['HeaderIdList'] = _headerIdList;
        } else {
            item['HeaderIdList'] = null;
        }

        return JSON.stringify(item);
    }
    Search() {
        if (!$.isEmptyObject(_InstancePageHeader.selectedItemList)) {
            $("#checkall-header").prop("checked", false);
            this.FetchForPage(1);
        } else {
            ShowErrorMessagePanel("请首先选择要下单的调达表。");
            $(".error-msg").css({top: '5px', 'box-shadow': '5px 6px 3px #888888'});
        }
    }
    FetchAll() {
        this.pagination.attr("_msh_page", 1);
        $("#StyleNoFilterValue_02").val("");
        $("#MaterialNoFilterValue_02").val("");
        $("#MaterialNameFilterValue_02").val("");
        $("#SupplierNameFilterValue_02").val("");
        this.FetchForPage(1);
    }
    EmptyTableContent() {
        $("#tabData21 tbody").empty();
        $('#tabData22 tbody').empty();
        this.pagination.attr("_msh_page", 1);
    }
    SetTableContent(result) {
        $("#tabData21 tbody").empty();
        $('#tabData22 tbody').empty();
        let content_01 = '';
        let content_02 = '';
        this.rows = result.length;  // 设置表格中checkbox的数量为表格的行数
        this.numCheckbox = result.length;  // 设置表格中checkbox的数量为表格的行数
        for (let i = 0; i < result.length; i++) {
            content_01 = '<tr _mash_id="' + result[i].linesId + '">';
            content_01 += '<td style="padding-left:6px;"><label class="btn" for="R-' + result[i].linesId + '"><input id="R-' + result[i].linesId + '" name="_check_row_lines" type="checkbox" onclick="_InstancePageLines.DoCheckRow($(this),$(\'#checkall-lines\'));" value="' + result[i].linesId + '"/><i></i><span></span></label></td>';
            content_01 += '<td>' + formatNullData(result[i].styleNo) + '</td>';
            content_01 += '<td>' + formatNullData(result[i].materialName) + '</td>';
            content_01 += '<td>' + formatNullData(result[i].materialCode) + '</td>';
            content_01 += '<td>' + formatNullData(result[i].supplierName) + '</td>';
            content_01 += '<td style="text-overflow:ellipsis;" title="' + formatNullData(result[i].partOfNeed) + '">' + formatNullData(result[i].partOfNeed) + '</td>';
            content_01 += '</tr>';

            content_02 += '<tr>';
            content_02 += '<td>' + formatNullData(result[i].productColourName) + '</td>';                            // 成品色
            content_02 += '<td style="text-align:center;">' + formatNullData(result[i].ProductSizeName) + '</td>';   // 成品码
            content_02 += '<td>' + formatNullData(result[i].materialColourName) + '</td>';    // 材料色
            content_02 += '<td>' + formatNullData(result[i].fabricWidth) + '</td>';     // 净幅
            content_02 += '<td title="' + formatNullData(result[i].specification) + '">' + formatNullData(result[i].specification) + '</td>';  // 规格即毛幅
            //content_02 += '<td>' + formatNullData(result[i].customerPieceYardage === 0 ? null : result[i].customerPieceYardage) + '</td>';
            content_02 += '<td>' + formatNullData(result[i].factoryPieceYardage === 0 ? null : result[i].factoryPieceYardage) + '</td>';     // 工厂用量
            content_02 += '<td>' + formatNullData(result[i].suitCutPieceYardage === 0 ? null : result[i].suitCutPieceYardage) + '</td>';     // 套裁量
            content_02 += '<td style="text-align:center;">' + formatNullData(result[i].uomName) + '</td>';                         // 单位
            content_02 += '<td>' + formatNullData(result[i].productQuantity) + '</td>';                                            // 成品数量
            content_02 += '<td>' + result[i].planDemandedQuantity + '</td>';                                                       // 需求量
            //content_02 += '<td>' + formatNullData(result[i].quantityOfSuitCutting) + '</td>';                                    // 套裁数
            //content_02 += '<td>' + formatNullData(result[i].quantitySuitDemand) + '</td>';                                       // 套裁需求量
            content_02 += '<td>' + formatNullData(result[i].stockLevels) + '</td>';                         // 库存数
            content_02 += '<td>' + result[i].demandedQuantity + '</td>';                                    // 补给数
            content_02 += '<td style="border-right:none;">' + formatNullData(result[i].description) + '</td>';                     // 备注
            content_02 += '</tr>';

            $("#tabData21 tbody").append(content_01);
            $("#tabData22 tbody").append(content_02);
            content_01 = '';
            content_02 = '';
        }
        setTwoTableRowColor("tabData21", "tabData22");
        this.ResetSelectRowStatus();  // 恢复选定结果
    }
    SetSelectLinesStatus() {
        if ($("#checkall-lines").is(":checked") === false)
            $("#checkall-lines").click();
    }
    // 设置行选择后的状态
    SetRowStatus($self) {
        super.AdjustRowStatus($self, ($row, index) => {
            $('#tabData22 tbody').find('tr').eq(index).addClass("row__selected");
            let key = $self.val();
            let item = {};
            // 为翻页选择做准备
            item["MrpLinesId"] = key;
            this.selectedItemList[key] = item;
        }, ($row, index) => {
            let key = $self.val();
            delete this.selectedItemList[key];
            $('#tabData22 tbody').find('tr').eq(index).removeClass("row__selected");
        });
    }
    // 每次翻页都恢复选定结果
    ResetSelectRowStatus() {
        let _this = this;
        $("#tabData21 tbody").find("tr").each(function (index) {
            let key = $(this).attr("_mash_id");
            if (_this.selectedItemList[key] !== undefined) {
                $(this).children("td").eq(0).children("label").eq(0).children("input[type='checkbox'][name='_check_row_lines']").eq(0).prop('checked', true);
                $(this).addClass("row__selected");
                $('#tabData22 tbody').find('tr').eq(index).addClass("row__selected");
            }
        });
        // 设置选择全部的状态
        let n = $("input[type='checkbox'][name='_check_row_lines']:checked").length;
        if (n < $("#tabData21 tbody").find("tr").length || n === 0) {
            $("#checkall-lines").prop("checked", false);
        } else {
            $("#checkall-lines").prop("checked", true);
        }

        if ($("#SelectAll").is(":checked") === true) {
            if ($("#checkall-lines").is(":checked") === false)
                $("#checkall-lines").click();
        }
    }
    ScrollTo() {
        $('#divH22').scrollLeft($('#divD22').scrollLeft());
        $('#divD21').scrollTop($('#divD22').scrollTop());
    }
    SortTable(order_by) {
        this.orderby = order_by;
        this.FetchForPage(1);
    }
}

// 最后结果
function OnMultiChoice() {
    // 判断是否做了选择
    if (Object.keys(_InstancePageHeader.selectedItemList).length > 0 && Object.keys(_InstancePageLines.selectedItemList).length > 0) {
        let result = {};
        result["SelectedHeaderList"] = _InstancePageHeader.selectedItemList;
        result["SelectedLinesList"] = _InstancePageLines.selectedItemList;
        result["SelectAllFlag"] = $("#SelectAll").is(":checked") ? 1 : 0;       // 全选标记
        result["SeparateFlagByPartOfNeed"] = $("#SeparateFlagByPartOfNeed").is(":checked") ? 1 : 0;   // 区分标记（是否按照使用部位区分）
        result['StyleNoFilterValue'] = formatNullInputValue($.trim($("#StyleNoFilterValue_02").val()));
        result['MaterialNoFilterValue'] = formatNullInputValue($.trim($("#MaterialNoFilterValue_02").val()));
        result['MaterialNameFilterValue'] = formatNullInputValue($.trim($("#MaterialNameFilterValue_02").val()));
        result['SupplierNameFilterValue'] = formatNullInputValue($.trim($("#SupplierNameFilterValue_02").val()));

        parent.arrChoice.push(result);
        parent.choice_success = true;

        closePopupWnd();
    } else {
        parent.choice_success = false;
        ShowErrorMessagePanel("请选择要下单的调达表及明细。");
        $(".error-msg").css({top: '5px', 'box-shadow': '5px 6px 3px #888888'});
    }
}

let _InstancePageHeader = null;
let _InstancePageLines = null;

//-----------------------------------------------------------------------------
// 页面初始化
//-----------------------------------------------------------------------------
function onPageReady() {
    // 从url得到相关参数
    let _quotedFlag = jQuery.url.param("quotedFlag") === undefined ? null : jQuery.url.param("quotedFlag");       // 被采购订单引用 0：否  1：是
    let _enterpriseId = jQuery.url.param("enterpriseId") === undefined ? null : jQuery.url.param("enterpriseId"); // 按照接单公司过滤

    _InstancePageHeader = new MyPageHeader(null, 1, null, $("#page_indicator_block"),
            "/tech/mrp/fetchForPage.html", null, "_check_row_header");
    _InstancePageLines = new MyPageLines(null, 1, null, $("#page_indicator_block_02"),
            "/tech/mrp/lines/result/fetchForPage.html", null, "_check_row_lines");

    $("#SupplierNameFilterValue_02").val($.trim(parent.$("#SupplierName").val()));  // 初始化供应商名
    // 设置分页控制 （操作区域）
    $("#wrapper__navbar").swPagination({
        link_string: '/?page={page_number}',
        max_page: null,
        paged: function (page) {
            $("#page_indicator_block").attr("_msh_page", page);
            _InstancePageHeader.FetchForPage(page);
        }
    });

    $("#wrapper__navbar_02").swPagination({
        link_string: '/?page={page_number}',
        max_page: null,
        paged: function (page) {
            $("#page_indicator_block_02").attr("_msh_page", page);
            _InstancePageLines.FetchForPage(page);
        }
    });

    window.laydate.render({
        elem: '#Begin',
        theme: '#393D49',
        trigger: 'click'
    });
    window.laydate.render({
        elem: '#End',
        theme: '#393D49',
        trigger: 'click'
    });

    $("#loading__indicator_02").hide();
    SetSearchWnd();

    // 设置表格排序字段
    $("#tabHeader21").wxTableSorter({
        sortList: [[1, 1], [2, 2], [3, 2]], // 第一个表示列的序号，第二个表示排序种类
        headers: {1: {sorter: false}, 2: {sorter: false}, 3: {sorter: false}},
        columnList: [[1, "P.StyleNo"], [2, "M.MaterialName"], [3, "M.MaterialCode"]],
        detailList: $("#tabData21"),
        sort: function (orderBy) {
            _InstancePageLines.SortTable(orderBy);
        }
    });
    $("#tabHeader22").wxTableSorter({
        sortList: [[2, 2]], // 第一个表示列的序号，第二个表示排序种类
        headers: {2: {sorter: false}},
        columnList: [[1, "L.MaterialColourName"]],
        detailList: $("#tabData22"),
        sort: function (orderBy) {
            _InstancePageLines.SortTable(orderBy);
        }
    });

    _InstancePageHeader.OnPageLoad();
}

// 画面大小或者位置移动
function onPageResize() {
    let w = $(window).width();

    let wLeftList = 586; // 左边列表固定宽度
    $("#divH2").css({left: 0, width: w - wLeftList - 16});
    $("#divD2").css({left: -1, width: w - wLeftList - 15});

    wLeftList = 957;    // 左边列表固定宽度
    $("#divH22").css({left: 0, width: w - wLeftList - 16});
    $("#divD22").css({left: -1, width: w - wLeftList - 15});
}

function SetSearchWnd() {
    $("div.search").unbind('keyup');

    let clazz = 'search--active';
    // 设置引入订单表头的搜索
    let $search_01 = $('#search_01');
    // 搜索按钮
    $('#search_btn_01').on('click', function (event) {
        $search_01.addClass(clazz);
        $search_01.on(window.transitionProp, function (event) {
            $search_01.find('input').first().focus();
        });
    });
    // 搜索窗口关闭
    $('#search__form_butclose_01').on('click', function (event) {
        $search_01.removeClass(clazz);
    });
    // 设置引入订单明细的搜索
    let $search_02 = $('#search_02');
    // 搜索按钮
    $('#search_btn_02').on('click', function (event) {
        $search_02.addClass(clazz);
        $search_02.on(window.transitionProp, function (event) {
            $search_02.find('input').first().focus();
        });
    });
    // 搜索窗口关闭
    $('#search__form_butclose_02').on('click', function (event) {
        $search_02.removeClass(clazz);
    });

    // 搜索框回车直接进行搜索
    $("#search_01").bind('keyup', function (e) {
        let key = e.keyCode;
        if (key === 13) {
            $("#but_filter").click();
        }
    });
    $("#search_02").bind('keyup', function (e) {
        let key = e.keyCode;
        if (key === 13) {
            $("#but_filter_02").click();
        }
    });
}